{% extends "base.html" %}

{% block title %}服务器错误 (500) - DRF 学习项目{% endblock %}

{% block content %}
<div class="text-center">
    <div class="mb-4">
        <h1 class="display-1 text-danger">500</h1>
        <h2 class="h4 mb-3">😰 服务器内部错误</h2>
        <p class="text-muted">抱歉，服务器遇到了一些问题</p>
    </div>

    <div class="alert alert-warning">
        <strong>这是一个学习项目</strong><br>
        如果您遇到此错误，可能是代码中的某些配置需要调整。<br>
        请检查终端中的错误日志信息。
    </div>

    <div class="d-grid gap-2 col-md-4 mx-auto">
        <a href="/" class="btn btn-primary">返回首页</a>
        <a href="javascript:location.reload()" class="btn btn-outline-warning">刷新页面</a>
        <a href="javascript:history.back()" class="btn btn-secondary">返回上页</a>
    </div>

    <!-- 开发调试提示 -->
    <div class="mt-5 p-3 bg-light rounded">
        <h6 class="text-muted mb-2">🛠️ 开发调试提示</h6>
        <small class="text-muted">
            <div>1. 检查 Django 终端中的错误信息</div>
            <div>2. 确认数据库迁移是否完成</div>
            <div>3. 验证依赖包是否正确安装</div>
            <div>4. 检查 settings.py 配置</div>
        </small>
    </div>
</div>
{% endblock %}
